/* constant */
@rem: 25rem;

.container{
  overflow: hidden;
  .coupon-group{
    width: 100%;
    /* 红包  */
    .coupon{
      height: 100/@rem;
      overflow: hidden;
      display: flex;
      justify-content: space-between;
      font-size: 15/@rem;
      padding: 0 15/@rem;
      margin: 15/@rem 0;
      /* 侧边  */
      .coupon-label,.coupon-info{
        height: 100%;
        flex: 1;
      }
      .coupon-label{
        font-weight: bold;
        text-align: center;
        background: url("../../../assets/resource/consumer/coupon_management/bg1.png") no-repeat;
        background-size:100% 100%;
      }
      .balance,.coupon-info,.title,.font-style{
        display: block;
        width: 100%;
      }
      .balance,.coupon-info{
        text-align: center;
        padding: 10/@rem 0 5/@rem;
      }
      .balance{
        font-size: 40/@rem;
        color: #F24761;
        padding: 0;
        margin: 0;
        line-height: 60/@rem;
      }
      .coupon-tip,.small-font{
        font-size: 18/@rem;
      }
      .coupon-tip{
        text-shadow: 3/@rem 3/@rem 3/@rem #666;
        color: #FFF;
      }
      /* 信息  */
      .coupon-info{
        height: 90/@rem;
        text-align: left;
        background: url("../../../assets/resource/consumer/coupon_management/bg2.png") no-repeat;
        background-size:100% 100%;
        padding-left: 20/@rem;
      }
      .coupon-info .title{
        font-size: 15/@rem;
        font-weight: bold;
        padding: 5/@rem 0 10/@rem;
        color: #282828;
      }
      .coupon-info .font-style{
        font-size: 12/@rem;
        margin: 5/@rem 0;
        color: #989898;
      }
      p{
        margin: 0;
      }
    }
  }
}
